<!--
 * @Author: your name
 * @Date: 2020-12-09 14:43:02
 * @LastEditTime: 2020-12-21 17:08:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\personalCenter\accountDashboard\newsletter\index.vue
-->
<template>
  <div class="newsletter">
    <el-alert
      class="mb10"
      :title="$t('There are no billing agreements yet.')"
      show-icon
      type="warning">
    </el-alert>
    <div class="ptb20 plr20 newsletter_box">
      <h3 class="size16 mb20">{{$t('NEW BILLING AGREEMENT')}}</h3>
      <el-checkbox class="mb10" v-model="generalCheck">{{$t('General Subscription')}}</el-checkbox>
      <h3 class="size16 mb20">{{$t('NEW BILLING AGREEMENT')}}</h3>
      <el-checkbox class="block mb10" v-model="balanceCheck">{{$t('Subscribe to balance update notifications')}}</el-checkbox>
      <el-checkbox class="block mb10" v-model="pointsCheck">{{$t('Subscribe to points expiration reminders')}}</el-checkbox>
      <el-button type="info" plain>{{$t('SAVE')}}</el-button>
    </div>
    <back class="mb30" />
  </div>
</template>

<script>
import Back from '~/components/personalCenter/Back';
export default {
  data(){
    return {
      generalCheck: false
    }
  },
  components: {
    Back
  },
}
</script>

<style>

</style>
